<template>
    <Dropdown>
        <a class="ant-dropdown-link" @click.prevent>
            {{t('routes.help.name')}}<DownOutlined style="color:#0960bd;"/>
        </a>
        <template #overlay>
            <Menu @click="handleGuid">
                <MenuItem key="/guide"><a>{{t('routes.help.guide')}}</a></MenuItem>
                <MenuItem key="/workflow"><a>{{t('routes.help.workflow')}}</a></MenuItem>
            </Menu>
        </template>
    </Dropdown>
</template>
<script lang="ts" setup>
import { DownOutlined } from '@ant-design/icons-vue';
import { Dropdown, Menu, MenuItem, } from 'ant-design-vue';
import { useI18n } from '/@/hooks/web/useI18n';
import { useGo } from '/@/hooks/web/usePage';

const go = useGo();
const {t} = useI18n();

const handleGuid = ({key}) => {
    go(key)
}
</script>
<style lang="less">
</style>
